import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Demo from "../components/Demo";
import Test from "../components/Test";
import tabs from "../components/tabs";
import Container from "../views/Container";
import Layout from "../views/Layout";
import Links from "../views/Links";
import Form from "../views/Form";
import NavMenu from "../views/NavMenu";
import Card from "../views/Card";
import image from "../views/image";
import Events from "../views/Events";
import AxiosDemo from "../views/AxiosDemo";
import Parent from "../components/Parent";
import Index from "../components/Index";
import El_Carousel from "../components/El_Carousel";

Vue.use(Router)

export default new Router({
  mode:'history',
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },{
      path: '/container',
      name: 'Container',
      component: Container
    },{
      path: '/layout',
      name: 'Layout',
      component: Layout
    },{
      path: '/demo',
      name: 'demo',
      component: Demo
    },{
      path: '/parent',
      name: 'parent',
      component: Parent
    },{
      path: '/index',
      name: 'index',
      component: Index
    },{
      path: '/tabs',
      name: 'tabs',
      component: tabs
    },{
      path: '/test',
      name: 'test',
      component: Test
    },{
      path: '/links',
      name: 'Links',
      component: Links
    },{
      path: '/form',
      name: 'form',
      component: Form
    },{
      path: '/navmenu',
      name: 'NavMenu',
      component: NavMenu
    },{
      path: '/card',
      name: 'Card',
      component: Card
    },{
      path: '/image',
      name: 'Image',
      component: image
    },{
      path: '/el-carousel',
      name: 'El-Carousel',
      component: El_Carousel
    },{
      path: '/event',
      name: 'Events',
      component: Events
    },{
      path: '/axios',
      name: 'Axios',
      component: AxiosDemo
    }
  ]
})
